import { Component } from '@angular/core';
import { Friends } from '../classes/Friends';
@Component({
  selector: 'display',
  templateUrl: '../templates/app.component.display.html',
  styleUrls: ['../public/css/app.component.display.css']
  
})
export class displayComponent { 
    
    title="Mr."
    name="Archer"
    friendArr = [
        new Friends(1,"iqkz"),
        new Friends(2,"Michalle"),
        new Friends(3,"Weijie")
    ]
    mentor = this.friendArr[0]
    
    clickMsg=""
    flag = true
    onClickthis(){
        if(this.flag){
        this.clickMsg = "clicked this!"
        } else{
           this.clickMsg = "" 
        }
        this.flag=!this.flag
    }

    values = ""
    onKey(event:any){
        this.values += event.target.value+ '|'

    }


}